@import '~cube-ui/src/common/stylus/mixin.styl'

border-bottom-1px($left = 0, $width = 100%, $color = #ccc, $style = solid)
  position: relative
  &::after
    content: ""
    display: block
    position: absolute
    left: $left
    bottom: 0
    border-bottom: 1PX $style $color
    width $width
    @media (min-resolution: 2dppx)
      transform: scaleY(.5)
    @media (min-resolution: 3dppx)
      transform: scaleY(.333)


// bg-image($url)
//     background-image: url($url + '@2x.png')
//     @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
//         background-image: url($url + '@3x.png')
